<template>
	<view class="privacy-container">
		<view class="content">
			<view class="header">
				<text class="title">隐私政策</text>
				<text class="update-time">更新时间：2024年1月1日</text>
			</view>
			
			<scroll-view class="scroll-content" scroll-y="true">
				<view class="section">
					<text class="section-title">1. 信息收集</text>
					<text class="section-content">
						我们承诺保护您的隐私。本应用仅在本地设备上存储您的个人数据，包括：
						• 情绪记录和心理测评结果
						• 应用使用偏好设置
						• 课程学习进度
						
						我们不会收集、传输或存储您的个人信息到任何外部服务器。
					</text>
				</view>
				
				<view class="section">
					<text class="section-title">2. 数据使用</text>
					<text class="section-content">
						您的数据仅用于：
						• 提供个性化的情绪管理建议
						• 生成情绪趋势分析报告
						• 改善应用功能和用户体验
						
						所有数据处理均在您的设备本地完成，确保数据安全。
					</text>
				</view>
				
				<view class="section">
					<text class="section-title">3. 数据安全</text>
					<text class="section-content">
						我们采取以下措施保护您的数据：
						• 本地加密存储
						• 不进行网络传输
						• 支持数据导出和删除
						• 定期安全更新
					</text>
				</view>
				
				<view class="section">
					<text class="section-title">4. 权限说明</text>
					<text class="section-content">
						应用可能需要以下权限：
						• 存储权限：保存您的情绪记录和设置
						• 麦克风权限：录制语音情绪记录（可选）
						• 通知权限：发送情绪提醒（可选）
						
						您可以随时在设置中管理这些权限。
					</text>
				</view>
				
				<view class="section">
					<text class="section-title">5. 联系我们</text>
					<text class="section-content">
						如果您对本隐私政策有任何疑问，请通过应用内反馈功能联系我们。
						
						我们将在收到您的反馈后及时回复。
					</text>
				</view>
			</scroll-view>
		</view>
		
		<view class="footer">
			<button class="back-btn" @tap="goBack">返回</button>
		</view>
	</view>
</template>

<script>
	export default {
		methods: {
			goBack() {
				uni.navigateBack()
			}
		}
	}
</script>

<style scoped>
	.privacy-container {
		width: 100vw;
		height: 100vh;
		background-color: #F5F7FA;
		display: flex;
		flex-direction: column;
	}
	
	.content {
		flex: 1;
		padding: 40rpx;
		display: flex;
		flex-direction: column;
	}
	
	.header {
		margin-bottom: 40rpx;
		text-align: center;
	}
	
	.title {
		font-size: 40rpx;
		font-weight: 600;
		color: #333333;
		display: block;
		margin-bottom: 16rpx;
	}
	
	.update-time {
		font-size: 24rpx;
		color: #999999;
		display: block;
	}
	
	.scroll-content {
		flex: 1;
		background: white;
		border-radius: 16rpx;
		padding: 30rpx;
		box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
	}
	
	.section {
		margin-bottom: 40rpx;
	}
	
	.section:last-child {
		margin-bottom: 0;
	}
	
	.section-title {
		font-size: 32rpx;
		font-weight: 600;
		color: #333333;
		display: block;
		margin-bottom: 20rpx;
	}
	
	.section-content {
		font-size: 28rpx;
		color: #666666;
		line-height: 1.6;
		display: block;
		white-space: pre-line;
	}
	
	.footer {
		padding: 30rpx 40rpx;
		background: white;
		border-top: 1rpx solid #E0E0E0;
	}
	
	.back-btn {
		width: 100%;
		background: linear-gradient(135deg, #4CAF50, #81C784);
		color: white;
		border: none;
		border-radius: 50rpx;
		padding: 28rpx 0;
		font-size: 32rpx;
		font-weight: 500;
		box-shadow: 0 4rpx 12rpx rgba(76, 175, 80, 0.3);
	}
</style>